<!DOCTYPE html>
<html lang="en">
<head>


 
<title>LeetPress - A Gaming HTML Template</title>
 
<link rel="stylesheet" href="./style.css" />
	
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/superfish.js"></script>
<script type="text/javascript" src="./js/mobilyslider.js"></script>
<script type="text/javascript" src="./js/init.js"></script>
<script type="text/javascript" src="./js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="./js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="./js/scripts.js"></script>

<script> 
    $(document).ready(function() { 
        $('ul#navigation').superfish(); 
		$('ul#top-navigation').superfish(); 
    }); 
</script>
	
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>

	<!-- BEGIN HEADER -->
	<div id="header-wrapper">
	
		<div id="header">
	
			<!-- BEGIN TOP NAVIGATION -->
			<ul id="top-navigation">
				<li>Home</li>
				<li>About Us</li>
				<li>Contact</li>
				<li>Typography</li>
				<li>Page Templates
					<ul>
						<li>News archive</li>
						<li>News post</li>
						<li>Reviews archive</li>
						<li>Review post</li>
						<li>Videos archive</li>
						<li>Video post</li>
						<li>Screenshots archive</li>
						<li>Screenshot post</li>
					</ul>
				</li>
				<li>Skins
					<ul>
						<li>Blue (default)</li>
						<li>Red</li>
						<li>Green</li>
						<li>Orange</li>
					</ul>
				</li>
			</ul>
			<!-- END TOP NAVIGATION -->
			
			<!-- BEGIN SOCIAL MEDIA -->
			<div id="social-media">
				<img src="./images/facebook.png" alt="" />
				<img src="./images/twitter.png" alt="" />
				<img src="./images/rss.png" alt="" />
			</div>
			<!-- END SOCIAL MEDIA -->
			
			<!-- BEGIN LOGO -->
			<div id="logo">
				<img src="./images/logo.png" alt="LeetPress" />
			</div>
			<!-- END LOGO -->
			
			<!-- BEGIN HEADER BANNER -->
			<div id="header-banner">
				<img src="./images/header-banner.png" alt="" />
			</div>
			<!-- END HEADER BANNER -->
			
			<!-- BEGIN NAVIGATION -->
			<div id="navigation-wrapper">
				<ul id="navigation">
					<li>Home</li>
					<li>News
						<ul>
							<li>Archive</li>
							<li>News post</li>
							<li>PC</li>
							<li>PS3</li>
							<li>Xbox 360</li>
						</ul>
					</li>
					<li>Reviews
						<ul>
							<li>Reviews archive</li>
							<li>Review post</li>
						</ul>
					</li>
					<li>Videos
						<ul>
							<li>Videos archive</li>
							<li>Video post</li>
						</ul>
					</li>
					<li>Screenshots
						<ul>
							<li>Screenshots archive</li>
							<li>Screenshot post</li>
						</ul>
					</li>
					<li>Dropdown
						<ul>
							<li>Dropdown test</li>
							<li>Dropdown test
								<ul>
									<li>Dropdown test</li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
				
				<!-- BEGIN SEARCH -->
				<div id="search">
					<form action="#" />
						<input type="text" name="search" value="search here..." />
					</form>
				</div>
				<!-- END SEARCH -->
				
			</div>
			<!-- END NAVIGATION -->
	
		</div>
	
	</div>
	<!-- END HEADER -->
	
	<!-- BEGIN MAIN WRAPPER -->
	<div id="main-wrapper">
	
		<!-- BEGIN MAIN -->
		<div id="main">
		
			<!-- BEGIN POST -->
			<div id="post">
			
				<p class="post-meta">Published on February 17, 2011, by Sebrosen - Posted in Videos, Xbox 360</p>
				
				<h1 class="post-header">New WoW Cataclysm trailer</h1>
				
				<div class="post-video">
					<div class="line-top"></div>
					<iframe title="YouTube video player" width="600" height="368" src="http://www.youtube.com/embed/Wq4Y7ztznKc?wmode=transparent" frameborder="0" allowfullscreen=""></iframe>
					<div class="line-bottom"></div>
				</div>
				
				<div class="post-entry">
					<p>Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat orci magna rhoncus neque, volutpat. Nullam sit amet enim.</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
					<p>Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat orci magna rhoncus neque, volutpat. Nullam sit amet enim.</p>
				</div>
				
				<div class="post-share">
					<p>SHARE THIS POST</p>
					<ul>
						<li><img src="./images/rss-big.png" alt="" /></li>
						<li><img src="./images/facebook-big.png" alt="" /></li>
						<li><img src="./images/twitter-big.png" alt="" /></li>
						<li><img src="./images/myspace.png" alt="" /></li>
						<li><img src="./images/google.png" alt="" /></li>
						<li><img src="./images/reddit.png" alt="" /></li>
						<li><img src="./images/stumbleupon.png" alt="" /></li>
						<li><img src="./images/delicious.png" alt="" /></li>
						<li><img src="./images/newsvine.png" alt="" /></li>
						<li><img src="./images/digg.png" alt="" /></li>
						<li><img src="./images/technorati.png" alt="" /></li>
					</ul>
				</div>
				
				<!-- BEGIN COMMENTS -->
				<div id="comments">
				
					<h3><strong>4 Comments</strong> on "Dead Space 2 breaks all sales records"</h3>
					
					<ol>
					
						<li>
						
							<div class="comment">
							
								<div class="avatar">
									<img src="./images/avatar.jpg" alt="" />
								</div>
								
								<div class="comment-details">
									<span class="author">John Doe</span>
									<span class="date">- March 9, 2011 at 3:43pm</span>
									<span class="reply">Reply</span>
									
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
								
								</div>
						
							</div>
							
							<ul>
								<li>
								
									<div class="comment">
							
										<div class="avatar">
											<img src="./images/avatar.jpg" alt="" />
										</div>
										
										<div class="comment-details">
											<span class="author">John Doe</span>
											<span class="date">- March 9, 2011 at 3:43pm</span>
											<span class="reply">Reply</span>
											
											<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
											
										</div>
								
									</div>
									
									<ul>
									
										<li>
										
											<div class="comment">
							
												<div class="avatar">
													<img src="./images/avatar.jpg" alt="" />
												</div>
												
												<div class="comment-details">
													<span class="author">John Doe</span>
													<span class="date">- March 9, 2011 at 3:43pm</span>
													<span class="reply">Reply</span>
													
													<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
													
												</div>
								
											</div>
										
										</li><li>
									
									</li></ul>
									
								
							</li></ul>
							
						
						
						</li><li>
						
							<div class="comment">
							
								<div class="avatar">
									<img src="./images/avatar.jpg" alt="" />
								</div>
								
								<div class="comment-details">
									<span class="author">John Doe</span>
									<span class="date">- March 9, 2011 at 3:43pm</span>
									<span class="reply">Reply</span>
									
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
									
								</div>
						
							</div>
							
						</li>
					
					</ol>
					
					<h3><strong>Leave a Comment</strong></h3>
					
					<form action="#" id="comment-form" />
						
						<p>
							<input type="text" name="author" value="" />
							<label>Name <span class="required">(required)</span></label>
						</p>
							
						<p>
							<input type="text" name="email" value="" />
							<label>E-mail <span class="required">(required)</span></label>
						</p>
							
						<p>
							<input type="text" name="website" value="" />
							<label>Website</label>
						</p>
							
						<p>
							<textarea name="comment" cols="88" rows="10"></textarea>
						</p>
							
						<p>
							<input type="submit" value="Post Comment" />
						</p>
						
					</form>
				
				</div>
				<!-- END COMMENTS -->
			
			</div>
			<!-- END POST -->
			
		</div>
		<!-- END MAIN -->
		
		<!-- BEGIN SIDEBAR -->
		<div id="sidebar">
		
			<div class="widget">
			
				<h4 class="widget-title tabs">Latest Reviews</h4>
				
				<div class="panel-wrapper">
					All
					Xbox 360
					PS3
					PC
					Wii
				</div>

				<div id="mask">
					<div id="panel">
					
						<div id="panel-1">
							
							<div class="side-item">
							
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Dragon Age II</h4>
								<span class="side-item-cat">Xbox 360</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score darkgreen">7.8</div>
								
							</div>
								
							<div class="side-item">
									
								<img src="./images/gamethumb2.jpg" alt="" class="side-item-thumb" />
								<h4>Call of Duty: Black Ops</h4>
								<span class="side-item-cat">PC, Xbox 360</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">9.5</div>
								
							</div>
								
							<div class="side-item">
									
								<img src="./images/gamethumb3.jpg" alt="" class="side-item-thumb" />
								<h4>Little Big Planet 2</h4>
								<span class="side-item-cat">Wii</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score yellow">5.7</div>
								
							</div>
							
							<div class="side-item">
									
								<img src="./images/gamethumb4.jpg" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">PC</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
							
							<div class="side-item last">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Dead Space 2</h4>
								<span class="side-item-cat">PS3, Wii</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score darkred">3.5</div>
								
							</div>
								
						</div>
						
						<div id="panel-2">
							
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">Xbox 360</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
								
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">Xbox 360</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score red">1.6</div>
								
							</div>
								
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">Xbox 360</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
							
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">Xbox 360</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
							
							<div class="side-item last">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Dragon Age II</h4>
								<span class="side-item-cat">Xbox 360</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score yellow">5.2</div>
								
							</div>
							
						</div>
						
						<div id="panel-3">
							
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">PS3</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
								
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">PS3</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
								
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">PS3</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
							
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">PS3</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
							
							<div class="side-item last">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Dead Space 2</h4>
								<span class="side-item-cat">PS3, Wii</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score darkred">3.5</div>
								
							</div>
							
						</div>
						
						<div id="panel-4">
							
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">PC</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
								
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">PC</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
								
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">PC</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
							
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">PC</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
							
							<div class="side-item last">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Dead Space 2</h4>
								<span class="side-item-cat">PC</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score darkred">3.5</div>
								
							</div>
							
						</div>
						
						<div id="panel-5">
							
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">Wii</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
								
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">Wii</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
								
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">Wii</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
							
							<div class="side-item">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Mass Effect 2</h4>
								<span class="side-item-cat">Wii</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score green">8.5</div>
								
							</div>
							
							<div class="side-item last">
									
								<img src="./images/gamethumb.png" alt="" class="side-item-thumb" />
								<h4>Dead Space 2</h4>
								<span class="side-item-cat">Wii</span>
								<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								<div class="side-score darkred">3.5</div>
								
							</div>
							
						</div>	
						
					</div>
				</div>
			
			</div>
			
			<!-- BEGIN WIDGET BANNER -->
			<div class="widget-banner">
			
				<img src="./images/sidebar-banner.jpg" alt="" />
			
			</div>
			<!-- END WIDGET BANNER -->
			
			<div class="widget">
			
				<h4 class="widget-title">Latest News</h4>
				
				<div class="side-item">
									
					<img src="./images/newsthumbside.jpg" alt="" class="side-item-thumb" />
					<h4>Interview with Bulletstorm creator</h4>
					<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								
				</div>
				
				<div class="side-item">
									
					<img src="./images/newsthumbside2.jpg" alt="" class="side-item-thumb" />
					<h4>Minecraft sells over 1 million copies in one year</h4>
					<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								
				</div>
				
				<div class="side-item">
									
					<img src="./images/newsthumbside3.jpg" alt="" class="side-item-thumb" />
					<h4>New Dragon Age 2 screenshots</h4>
					<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								
				</div>
				
				<div class="side-item">
									
					<img src="./images/newsthumbside4.jpg" alt="" class="side-item-thumb" />
					<h4>FIFA 11 World Cup coverage</h4>
					<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								
				</div>
				
				<div class="side-item">
									
					<img src="./images/newsthumbside5.jpg" alt="" class="side-item-thumb" />
					<h4>Diablo 3 release date rumors</h4>
					<span class="side-item-meta">March 14, 2011 - 32 Comments</span>
								
				</div>
				
			</div>
			
			<div class="widget">
			
				<h4 class="widget-title">Latest Media</h4>
				
					<div class="side-item">
						
						<div class="media-thumb">
							<div class="screenshot-icon"></div>
							<img src="./images/mediathumb.jpg" alt="" />
						</div>
								
					</div>
					
					<div class="side-item">
						
						<div class="media-thumb">
							<div class="video-icon"></div>
							<img src="./images/mediathumb2.jpg" alt="" />
						</div>
								
					</div>
					
					<div class="side-item">
						
						<div class="media-thumb">
							<div class="screenshot-icon"></div>
							<img src="./images/mediathumb3.jpg" alt="" />
						</div>
								
					</div>
					
				</div>
						
			</div>
	
		</div>
		<!-- END SIDEBAR -->

	<!-- END main-wrapper -->
	
	<!-- BEGIN FOOTER TOP -->
	<div id="footer-top-wrapper">
	
		<div id="footer-top">
		
			<ul id="footer-navigation">
				<li><span> // </span>Home</li>
				<li><span> // </span>About Us</li>
				<li><span> // </span>Contact</li>
				<li><span> // </span>Page Templates</li>
			</ul>
			
			<div id="back-top">
				Back to top
			</div>
			
		</div>
	
	</div>
	<!-- END FOOTER TOP -->
	
	<!-- BEGIN FOOTER -->
	<div id="footer-wrapper">
	
		<div id="footer">
			
			<!-- BEGIN FOOTER WIDGET -->
			<div class="footer-widget left">
			
				<h3>Latest News</h3>
				
				<ul>
					<li>Minecraft sells over 1 million copies</li>
					<li>Little Big Planet 2 hits the streets</li>
					<li>10 great iPhone games</li>
					<li>FIFA 11 breaks all sales records</li>
					<li>Diablo 3 release date rumors</li>
				</ul>
			
			</div>
			<!-- END FOOTER WIDGET -->
			
			<!-- BEGIN FOOTER WIDGET -->
			<div class="footer-widget middle">
			
				<h3>Archives</h3>
				
				<ul>
					<li>March 2011</li>
					<li>February 2011</li>
					<li>January 2011</li>
					<li>December 2010</li>
					<li>November 2010</li>
				</ul>
			
			</div>
			<!-- END FOOTER WIDGET -->
			
			<!-- BEGIN FOOTER WIDGET -->
			<div class="footer-widget middle">
			
				<h3>LeetPress On</h3>
				<ul>
					<li>Facebook</li>
					<li>Twitter</li>
					<li>Youtube</li>
					<li>iPhone</li>
				</ul>
			
			</div>
			<!-- END FOOTER WIDGET -->
			
			<!-- BEGIN FOOTER WIDGET -->
			<div class="footer-widget right">
			
				<h3>About LeetPress</h3>
				
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
			
			</div>
			<!-- END FOOTER WIDGET -->
			
		</div>
	
	</div>
	<!-- END FOOTER -->
	
	<!-- BEGIN FOOTER BOTTOM WRAPPER -->
	<div id="footer-bottom-wrapper">
	
		<!-- BEGIN FOOTER BOTTOM -->
		<div id="footer-bottom">
		
			<span class="footer-bottom-left">Copyright (C) 2011 - LeetPress. All rights reserved.</span>
			<span class="footer-bottom-right">Web design by Sebastian Rosenkvist</span>
		
		</div>
		<!-- END FOOTER BOTTOM -->
	
	</div>
	<!-- END FOOTER BOTTOM WRAPPER -->
	
</body>
	
</html>